/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
   /* font: inherit;*/
   font-family: 'Microsoft Yahei',sans-serif;  
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


body{
    margin:0;
    padding:0;
    font-family:Microsoft YaHei;
}
/* 螢幕768以下出現的二條線選單樣式 */
.navbar-toggle span:after, .navbar-toggle b{ display:block; background: #525252;height: 2px; width: 80%;margin: 7px auto;}

.navbar-toggle {
  width: 40px;
  height: 40px;
  line-height: 1em;
  border: 1px solid #525252;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  z-index: 5;
  margin: 8px 15px;
  background-color: transparent;
  background-image: none;
  position: absolute;
  top: 25px;
  right: 10px;
}
.navbar-toggle:hover,.navbar-toggle:focus,.navbar-toggle:active{ border:1px solid #0ca7e0;}
/*-------頁底-------*/

.langbar{ display:none; }/* 頁底語言別--->【移除語言別】 */
.go-pcurl {    display: none;}/* 頁底返回PC版網頁--->【移除】 */

.mn-footer {
    background: #fff;
    border-top: 1px solid #ddd;
}
.mn-footer .nav > li > a:hover {
    color: #ec6952;
}
/* 彈出頁首連結的小按鈕  底部的那個 */
.mn-footer .navbar-toggle {
    border: none;
    border-top: 1px solid #ddd;
    background: #fff;
    border-radius: 0;
}


.toptitle {
    /*width: 70%;*/
	width:1180px;
    margin: 0 auto;
}


.link_s img {
    width: 40%;
}

.link_s {
    /*width: 64%;*/
	width: 1180px;
    margin: 0 auto;
	text-align: center;
}

.in_box li:first-child {
    text-align: left;
}

.in_box li:last-child {
    text-align: right;
}

.module.module-minicart {
    display: none;
}

.top_u {
    /*width: 33%;*/
    display: inline-block;
    /*text-align: center;*/
    vertical-align: middle;
    font-family: Microsoft YaHei;
}
.top_u:nth-child(1){ width:170px;}


.menu {
    margin-top: 20px;
    width: 100%;
    background-color: #007FE2;
    height: 52px;
}
.menu li:hover {
    background-color: #002C4F;
}


.menu li {
    list-style: none;
    float: left;
    width: 16.6%;
    text-align: center;
    display: block;
    padding: 18px 0px;
    background-color: #007FE2;
    color: #fff;
    font-family: Microsoft YaHei;
}


.menu ul {
    width: 70%;
    margin: 0 auto;
}


/*上版选单*/
    /* 頭部 顯示風格 */
    .mnavbar .navbar-nav{
         width: 96%;
         margin: 0 auto;
         float: right;
    }
    .header > .minner { display: table; width: 100%;}
    /* 頁首連結 選單項 顯示風格 */
    .mnavbar .navbar-nav>li,
    .mlogo, .mnavbar { display: table-cell; vertical-align: middle;}


   .mnavbar{
    margin-top: 20px;
    width: 100%;
    background-color: #007FE2;
    display: block;
    }

.nav-toggle.collapse.navbar-collapse {
    width: 70%;
    margin: 0 auto;
}
/* 頁首連結 */
.navbar-nav  li  ul{
        list-style-type: none; 
}
.navbar-nav > li > ul{

    display: none;
    position: absolute;
    left: 0px;
    z-index: 500;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    width: 100%;
    top: 38px;
    text-align: center;
}
.navbar-nav > li > ul a{
    display: block;
    padding: 8px 0;
    font-size: 14px;
    width:100%;
}
.navbar-nav > li > ul a:hover{
    background: #007FE2;
    color: #fff;
    text-decoration: none;
}
/*.navbar-nav > li > ul:before{
    content:"";
    position:absolute;
    width: 100%;
    height: 7px;
    display:block;
    top: -7px;
    left: 0;
}*/
.navbar-nav > li:hover ul{    display: block;}

    .mnavbar .navbar-nav > li{
     float: left;
    width: 16.6%;
    display: block;
    padding: 0 12px;
    }
    .mnavbar .navbar-nav > li > .nLink { 
        width: 100%;
        margin: 0;
        text-align: center; 
        white-space: nowrap; /* 文字不折行 */
        text-transform: uppercase;  /* 英文字母大寫 */
        -moz-transition: border 0.2s linear;
        -webkit-transition: border 0.2s linear;
        transition: border 0.2s linear;
        font-size: 16px;

    list-style: none;
    float: left;
    text-align: center;
    display: block;
    color: #fff;
    /*font-family: Microsoft YaHei;*/
	font-family: 'Microsoft Yahei',sans-serif;  
    }

.mnavbar .navbar-nav > li > .nLink:hover {     background-color: #002C4F;}

/*上版选单*/
.none_link>a{
    cursor: default;
}
.menu_2>a{
  /*border-left: 4px solid #007FE2;*/
}
.navbar-nav ul.lv3 a{
    font-size: 14px;
  color: #999;
}


.toptitle img {
    max-width: 100%;
}

.toptitle>* {
    display: table-cell;
	font-family: 'Microsoft Yahei',sans-serif;
}

.toptitle {
    display: table;
}

.toptitle {
    padding-top: 10px;
}

.in_box {
    /*width: 65%;*/
	width:1180px;
    margin-top: 20px;
    margin: 20px auto;
    border-top: 1px solid #dedede;
    padding-top: 30px;
}

.in_box ul {
    display: table;
}



li.gogo {
    text-align: center!important;
}

.in_box ul>* {
    display: table-cell;
}



.banner {
    width: 100%;
    margin: 0 auto;
}

.footer_down {
    border-top: 3px solid #6CA8DC;
    padding-top: 15px;
    width: 100%;
}

.footer_down ul {
    width: 100%;
    margin: 0 auto;
}

.in_box li {
    width: 33%;
    text-align: right;
    font-size: 0.9em;
}



.footer_down ul>* {
    display: inline-block;
}

.contain {
    width: 64%;
    margin: 0 auto;
}

.icon_big {
    width: 100%;
    line-height: 180%;
}

.icon_big>* {
    display: inline-block;
}

.icon_all {
    padding: 10px 1.2%;
    border: 1px solid #dedede;
    border-radius: 15px;
    width: 32%;
    margin-right: 1%;
    color: #575757;
}

.icon_all:last-child {
    margin: 0px;
}
.banner img {
    max-width: 100%;
}

.icon_all img {
    max-width: 100%;
}

.down>* {
    display: inline-block;
    vertical-align: top;
}

.new {
    width: 66%;
    line-height: 160%;
    color: #575757;
}

.newnew {
    line-height: 160%;
    color: #575757;
}

.icon_all h3 {
    padding: 10px 0px;
    color: #2591E5;
}

.new h3 {
    border-left: 3px solid #007FE2;
    padding-left: 10px;
    margin-bottom: 15px;
}

.newnew h3 {
    border-left: 3px solid #007FE2;
    padding-left: 10px;
    margin-bottom: 15px;
}


.down {
    width: 100%;
    margin: 30px auto;
}

.mpgtitle h3 {
    display: none;
}



ul.slides {
    width: 64%;
    margin: 0 auto;
}

ul.langbar {
    display: none;
}

.go-pcurl {
    display: none;
}


.contact_left {
    /*width: 47%;*/
	width:100%;
    vertical-align: top;
    line-height: 203%;
}

.right {
    width: 50%;
}

.contact_big>* {
    display: inline-block;
}

.contact_big {
    width: 60%;
    margin: 40px auto;
}

.contool {
    width: 90%;
    height: 200px;
    background-color: #E4E4E4;
}
.title_on h1 {
        text-align: left;
        font-size: 4vh;
    font-weight: bolder;
}
.title_on h2 {
        text-align: left;
    font-size: 1.4em;
}

.title_on {
    /*padding: 12px 20px;*/
    /*border-left: 7px solid #0A79D4;*/
	position:relative;
	padding:0 0 0 20px;	 
    margin-top: 15px;
    margin-bottom: 15px;
	font-weight:800;
}
.title_on:before{ content:''; position:absolute; left:0; top:6px; height:20px; width:6px; border-radius:50px; background:#0A79D4;}
.about_big {
    line-height: 200%;
    width: 70%;
    margin: 70px auto;
    position: relative;
}

.artctrl {
    padding-top: 1em;
    padding-bottom: 1em;
    display: none;
}

.ho_yabig {
    width: 60%;
    margin: 0 auto;
}

.ho_yaui img {
    max-width: 100%;
    margin: 50px 0px;
}

.sui_sosol {
    width: 70%;
    margin: 0 auto;
}

.sui_left {
    width: 50%;
    height: 600px;
    background-color: #dedede;
    vertical-align: top;
}

.sui_sosol>* {
    display: inline-block;
}

.product {
    width: 70%;
    margin: 0 auto;
}

.soin_d {
    text-align: center;
}

.soin_d img {
    max-width: 100%;
    margin: 35px auto;
}

.lo_left {
    width: 55%;
    vertical-align: top;
    line-height: 196%;
}

.lo_big>* {
    display: inline-block;
}

.lo_right {
    width: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    top: 10px;
}

.lo_big {
    width: 55%;
    margin: 10% auto;
}

div#btnBox{
    background: #fcfff4;
    background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%);
    background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
    background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 );
    border: 1px solid #EEEFD8;
    padding: 20px 25px;
    border-radius: 0 0 10px 10px;
}
div#btnBox a{
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #6B7178;
    color: #010101;
    margin: 0 10px;
    background: rgb(252,255,244);
    background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 1%, rgba(179,190,173,1) 52%);
    background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 52%);
    background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 52%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
div.about_big div#titleBox {
    background: rgb(122,188,255);
    background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(64,150,238,1) 57%, rgba(96,171,248,1) 81%);
    background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(64,150,238,1) 57%,rgba(96,171,248,1) 81%);
    background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(64,150,238,1) 57%,rgba(96,171,248,1) 81%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#60abf8',GradientType=0 );
    border: 1px solid #489BF0;
    padding: 0px 15px;
    border-radius: 10px 10px 0 0px;
    color: #fff;
}

.tableview-2 th, .tableview-2 td {
    text-align: center;
    border-top: #E7E7E7 solid 1px;
    border-bottom: #E7E7E7 solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    padding: 7px 0;
    vertical-align: middle;
    font-family: STHeiti, sans-serif;
}

table.tableview-2 {
    margin-top: 49px;
    text-align: center;
    margin: 30px auto 30px auto;
    width: 50%;
}

.img-list-2 {
    width: 566px;
    margin: 0 auto 20px;
    overflow: hidden;
}

.img-list-2 li {
    width: 86px;
    height: 86px;
    float: left;
    margin-right: 34px;
}

.img-list-2 li.last-child {
    margin-right: 0;
}

ul.img-list-2 {
    margin: 0 auto;
}

table.tableview-2 td {
    padding: 15px 0px;
}

#syl-sseries .tableview-2 th, #syl-sseries .tableview-2 td {
    padding: 4px 0;
    vertical-align: bottom;
}

.tableview-2 .first-child, .tableview-2 .last-child {
    border-left: none;
    border-right: none;
}

#syl-sseries .tableview-2 img {
    display: block;
    margin: 0 auto 10px;
}

.new_button a {
    color: #666;
    text-decoration: none;
}

.text-tm {
    font-size: 7px;
    font-family: Arial, Helvetica, sans-serif;
}



sup {
    vertical-align: top;
    font-size: 8px;
}

.so_come {
    width: 49%;
    display: inline-block;
}

.so_come_1 {
    width: 49%;
    display: inline-block;
    text-align: center;
}

.lop_big {
    /*width: 65%;*/
	max-width:780px;
    margin: 3%  auto;
    line-height: 30px;
}
.lop_big div#imgBoxL{ width:25%;}
.lop_big div#imgBoxL img{ height:210px !important; margin:inherit; max-width:inherit;}
.lop_big div#textBoxR{ height:210px; display: inline-flex;align-items: flex-end;}
.lop_big img {
    margin-bottom: 15px;
}
.lop_big  .info{ width:100% !important; margin:0 !important;}
.about_ddown img {
    padding-left: 1%;
}

div#pageptlist {
    min-height: 600px;
    width: 70%;
    margin: 0 auto;
}

table.jk td {
    padding: 7px;
    text-align: center;
}

header.mt {
    width: 40%;
    margin: 21px auto;
    text-align: center;
    font-size: 1.2em;
    color: #666;
}

div#pageptlist a {
    color: #666;
    text-decoration: none;
    display: block;
    height: 50px;
    background-color: #dedede;
    /* vertical-align: middle; */
    line-height: 50px;
    text-align: left;
    padding-left: 30px;
    /* cursor: crosshair; */
}

.mdetail {
    display: none;
}

.qa_icon {
    width: 90%;
    padding: 10px;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: 5px;
    border: 3px solid #014A97;
color: #fff;
background: rgb(73,155,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 48%, rgba(0,96,214,1) 51%, rgba(73,155,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(0,96,214,1) 51%,rgba(73,155,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 48%,rgba(0,96,214,1) 51%,rgba(73,155,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#499bea',GradientType=0 ); /* IE6-9 */


}

.contoolo a {
    text-decoration: none;
}
.qa_icon a {
    text-decoration: none;
}

button {
    border-radius: 9px;
}

button {
    color: #666;
}

.hosome_big>* {
    display: inline-block;
    padding: 50px 50px 20px 50px;
}

.hosome_big {
/*     width: 30%; */
    margin: 0 auto;
    text-align: center;
}

.hosome a {
    display: block;
    width: 103px;
    color:#333;
}

.hosome img {
    width: 103px;
    max-width: 103px;
}

.hosome {
    font-size: 0.9em;
/*     width: 103px; */
    color: #333;
}

.tableview {
    width: 50%;
    margin: 60px auto 60px;
}

.younh {
    width: 765px;
    margin: 150px auto;
    padding: 30px;
    border: 1px solid #999;
    border-radius: 26px;
}



.title_go h2 {
    text-align: center;
    border-bottom: 5px solid #007FE2;
    width: 94px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.on_o {
    padding: 15px;
    background-color: #eee;
    color: #616161;
    width: 200px;
    display: inline-block;
    margin: 50px 32px 0px 55px;
    border-left: 6px solid #007FE2;
}

.on_o img {
    width: 20px;
    /* line-height: 77px; */
    vertical-align: middle;
    margin-right: 5px;
}

.on_o_big {
    padding-bottom: 87px;
    width: 580px;
    margin: 0 auto;
}

.title_go {
    text-align: center;
}

.title_go h2 {
    text-align: center;
    border-bottom: 5px solid #007FE2;
    width: 124px;
    margin: 0 auto 9px;
    padding-bottom: 15px;
    font-size: 1.2em;
}

.tableview th, .tableview td {
    width: 176px;
    text-align: center;
    padding: 5px 0;
    font-family: STHeiti, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
    border-right: #E7E7E7 solid 1px;
}
header.mt h3 {
    border-bottom: 7px solid #007FE2;
    width: 21%;
    padding-bottom: 10px;
    margin: 0 auto;
}
table.tyty {
    text-align: center;
    font-size: 0.9em;
    margin-top: 40px;
}

.yhio {
    width: 60%;
    margin: 40px auto;
}
div#picBox {
    float: left;
    margin: 10px 5px;
    text-align: center;
}
section#_Form_Section_8 {
    width: 60%;
    margin: 0 auto;
}

.newbu>* {
    display: inline-block;
    padding: 0 15px;
}

.newbu {
    text-align: center;
    padding: 50px 0px 0px 0px;
}

.new_button:hover {
    border-bottom: 3px solid #007FE2;
}

.new_button {
    /* padding-bottom: 52px; */
    height: 35px;
}

.contact_left {
    background-image: url(/ezfiles/9/1009/img/34/philosophy_bg.jpg);
    /* width: 301px; */
    height: 340px;
    background-repeat: no-repeat;
    /* vertical-align: bottom; */
    padding-top: 210px;
}
div#ImgBox {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    margin: 2% 0;
}
h8 {
    background: #00A7E0;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 15px;
    padding: 5px 10px;
    color: #fff;
    margin-top: 30px;
    font-size: 1.2em!important;
    }
div#imgBoxL {
    width: 30%;
    display: block;
    float: left;
}
div#imgBoxL img {
    max-width: 60%;
    display: block;
    margin: 0 auto;
}
div#textBoxR {
    width: 70%;
    display: block;
    float: left;
    font-size: 2em;
    line-height: 50px;
}
div#imgBox4 img {
    width: 100%;
}
.number_list{ margin-bottom:20px;}
.number_list div{ display:flex;}
.number_list div span{ display:inline-block;}
.number_list div span:nth-child(1){ width:20px;}
.number_list div span:nth-child(2){ width:calc(100% - 20px);}
/* =====================   【PC版】  螢幕尺寸大於1024時頁面顯示效果 ==================== */
@media (min-width:1024px) { 
    .row_5.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_5.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_4.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_4.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_3.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_3.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_2.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_2.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_0.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_0.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_0.col1 .col_02 > .mcol > div + div,
    .footer > .minner ,
    .header > .minner ,
    .row_5.col3 > .mrow,
    .row_5.col2 > .mrow,
    .row_4.col3 > .mrow,
    .row_4.col2 > .mrow,
    .row_3.col3 > .mrow,
    .row_3.col2 > .mrow,
    .row_2.col3 > .mrow,
    .row_2.col2 > .mrow,
    .row_1 > .mrow  {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}


/* =====================   【平版】  螢幕尺寸768px～1023px時頁面顯示效果 ==================== */
@media (min-width: 768px) and (max-width: 1023px){
    .row_5.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_5.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_4.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_4.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_3.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_3.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_2.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_2.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_0.col1 #Dyn_2_1 > div > div.module:not(.module-ads),
    .row_0.col1 #Dyn_2_1 > div.module:not(.module-ads),
    .row_0.col1 .col_02 > .mcol > div + div,
    .footer > .minner , .header > .minner ,
    .row_5.col3 > .mrow,    .row_5.col2 > .mrow,
    .row_4.col3 > .mrow,    .row_4.col2 > .mrow,
    .row_3.col3 > .mrow,    .row_3.col2 > .mrow,
    .row_2.col3 > .mrow,    .row_2.col2 > .mrow,    .row_1 > .mrow  { 
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
    .mlogo img { min-width: 50px;}
    .mlogo h1 { display: block;} /*logo部分網站名稱折行顯示*/
    /* 頭部 顯示風格 */
    .mnavbar .navbar-nav,
    .header > .minner { display: table; width: 100%;    max-width: 100%;}
    /* 頁首連結 選單項 顯示風格 */
    .mnavbar .navbar-nav>li,
    .mlogo, .mnavbar { display: table-cell; vertical-align: middle;width: 100vw;}
    .mnavbar .navbar-collapse {
        border: 0;
        box-shadow: none;
    }
    .mnavbar .navbar-nav { width: auto; padding: 0;}
    /*頁首 邊框*/
    .mnavbar .navbar-nav>li { 
        float: none; 
        border-left: 1px solid rgba(0, 0, 0, .1);
    }
    /*頁首連結 內邊距*/
    .mnavbar .navbar-nav>li>a { 
        padding: 1em;
        margin: 0; 
        text-align: center; 
        white-space: nowrap; /* 文字不折行 */
    }
    .listUi .d-item { border: 0;}
    .v-tid > .mbox { padding: 1em 2em;}
    /* 明細頁面 大圖說明 */
    .figBS figcaption { 
        font-size: 1em; 
        line-height: 2em;
    }
    /* 查看更多 */
    .more { text-align: right;}
    .more a { min-width: 0;}
}



/* =============================================== */
.inner_content{
    line-height: 200%;
    max-width: 1280px;
    margin: 70px auto;
    position: relative;
}
.inner_content p{ margin-bottom:20px; }
.left_content{
    text-align: left;
}
.right_content{
    text-align: right;
}
/* =====================業務1==================== */
.bg_earth{
    background: url(/ezfiles/9/1009/img/34/earth_bg.png)0 0 no-repeat;
    background-size: contain;
}
ul.nav3_01{
    list-style-type: square;
    background-color: #dfdfdf;
    list-style-position: inside;
    padding: 10px;
    border-radius: 6px;    
}
ul.nav3_01.ul_had_sub_menu{}
ul.nav3_01.ul_had_sub_menu .sub_title{ font-weight:800;display: inline-block;}
ul.nav3_01.ul_had_sub_menu .sub_menu{ margin-left:25px;}
ul.nav3_01.ul_had_sub_menu .sub_menu div{padding:5px 0;}
ul.nav3_01.ul_had_sub_menu .sub_menu a{ display:block;  color:#333;text-decoration:underline;}
ul.nav3_01.ul_had_sub_menu .sub_menu a:hover{ text-decoration:none;}
.s_img img{
    width:50%;
    height: auto;
    margin-left: 25%;
}
.nav3_03 h1{
    font-size: 24px;
    font-weight: bold; 
}
/* =====================  關於我們==================== */
/* .about_01 p{
    width: 70%;
    display: inline-block;
} */
/* .about_01 p.img_right{
    width: 30%;
    float: right;
} */
.about_01 figure{
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}
.about_01 figure img{
    border: 4px solid #ddd;
    border-radius: 4px;
}
.about_01 figcaption{
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}
.about_01 .info_01{
/*     text-align: center;
    padding: 0 10%;  */
    margin-top: 20px;
}

.about_01 .info_01 figure:nth-child(2) img{
    height: 255px !important;
    }
.center_content{
    text-align: center;
}

#equation tbody tr.first-child th {
    border-top: #CCCCCC solid 1px;
    border-bottom: #CCCCCC solid 1px;
}
#equation th, #equation td {
    text-align: center;
    padding: 4px 0;
}
#equation tbody tr.last-child td {
    border-bottom: #CCCCCC solid 1px;
}
.text-bigger {
    font-size: 20px;
}
p strong {
    font-weight: bold;
}
.bg_grey{
    background-color: #dfdfdf;
    padding: 10px;
    border-radius: 6px;
}
.bg_grey h1{
    color: #007FE2;
    border-left: 3px solid #007FE2;
    font-weight: bold;
    padding-left: 20px;
}
.nav3_07 .s_img{
    width: 74.6%;
}
.s_img_2{
    margin-top: -11%;
    width: 75%;
}
.nav3_08 ol{
    text-align: left;
    list-style-type: square;
    background-color: #dfdfdf;
    list-style-position: inside;
    padding: 10px;
    border-radius: 6px;
}
.nav3_08 h1,.nav3_10 h1{
    font-size: 20px;
    font-weight: bold ;
}
.nav3_10 h1,.nav3_10 ul{
    text-align: left;
}
.nav3_10 ul {
    padding-left: 1em;
    font-size: 20px;
}
.nav3_10 ul li{
    line-height: 200%;
}
.img_top{
    margin-top: -7.3%;
}
table{
    border: 3px solid #aaa;
    margin-bottom: 10px;
}
table td{
    border: 1px solid #777;
    color: #007FE2;
}
h1.blue_word{
    color:#007FE2;
    margin: 10px 0;
}
img[src="/ezfiles/9/1009/img/34/227487637.png"]{
    margin:5% 0;
}
.nav4_01 .title_on{
    text-align: left;
    font-size: 20px;
    font-weight: bold;
}
.about_banner div{
    padding: 10px 0;
    border-bottom: 1px dashed #aaa;
}
.new a{
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px dashed #aaa;
    margin:10px;
}
.newnew a{
    margin:10px;
}
.nav3_01name{
    font-size: 20px;
    font-weight: bold;
    color: #1160AD;
    padding:10px;
    background-color:#D3EDFA;
}
.nav3_11 .col-xs-12{
    margin: 20px 0;
}
.home_slider{ max-width:960px; margin:0 auto;}

.design{ width:1180px; margin:0 auto;   text-align: center; padding:10px 0;}
.expert_list .item{ margin-bottom:50px;}
.expert_list .item:last-child{ margin-bottom:0;}
.inner_content .img{ margin-top:20px; }
#qaContent ul.accordionPart li .qa_title{ background:none; position:relative;}
#qaContent ul.accordionPart li .qa_title:before{ content:''; position:absolute; left:0; top:5px; width:25px; height:25px; background:url(/ezfiles/9/1009/img/34/icon_q_a.gif) left top no-repeat; }
#qaContent ul.accordionPart li .qa_content{ background:none; position:relative;}
#qaContent ul.accordionPart li .qa_content:before{ content:''; position:absolute; left:0; top:5px; width:25px; height:25px; background:url(/ezfiles/9/1009/img/34/icon_q_a.gif) left -25px no-repeat; }

.about_big .info h3{ font-weight:800;}
.home_slider .nivo-directionNav{ display:none;}
.home_slider .nivo-controlNav{ display:none;}
.table_scroller .remind{ display:none;}
/* =====================   【手機版】  螢幕尺寸小於767時頁面顯示效果 ==================== */
@media (max-width: 767px) {
    /* 外容器間距 */
    .wrap > .minner { 
        padding-left: 15px; 
        padding-right: 15px;
    }
    /* 搜尋模組 msearch */
    .msearch .navbar-form { 
        padding-right: 0;
        padding-left: 0;
    }
    .msearch .navbar-form .form-control::-webkit-input-placeholder {
        color: #95a5a6;
    }
    .msearch .navbar-form .form-control:focus {
        min-width: 150px;
        border: 1px solid #ccc;
    }
    .msearch .navbar-form:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 7px;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        background: url(../../images/search.png) no-repeat;
    }
    .msearch .navbar-form .form-control {
        border: none;
        padding-left: 5px;
        padding-right: 5px;
        background: none;
    }
    .msearch .navbar-form .input-group-btn {
        display: none;
    }
    /* 陳列方式 > 大圖or對齊 > 圖片標題內容 > 資訊標題 */
    .listImg .d-txt > h5,
    .v-itd .d-txt > h5 { font-size: 1em;}

    .img_top{
         margin-top: 0%;
    }
    .toptitle {
    width: 100%;
    margin: 0 auto;
}
.mnavbar .navbar-nav > li {
    /*float: none;*/
    width: 100%;
    display: block;
    padding: 0 0px;
}
.mnavbar .navbar-nav {
    width: 100%;
    margin: 0 auto;
    float: right;
}
.mnavbar {
    margin-top: 40px;
    }
.navbar-toggle{
       /* top: 16.5%;*/
}
.lv2{
    width: 90%;
    margin-left: 5%;
}
.toptitle>* {
    display: inline-block;
}
.top_u {
    width: 50%;
    display: inline-block;
}
.msearch {
    position: absolute;
    width: 80%;
}
.footer_down .in_box{
    width: 100%;
}
.footer_down .link_s{
    width: 100%;
}
.footer_down  .link_s img {
    width: 60%;
}
.contain {
    width: 100%;
    margin: 0 auto;
}
.new {
    width: 100%;
    margin-bottom: 20px;
    line-height: 160%;
    color: #575757;
}
.about_big {
    width: 100%;
}
.about_01 p {
    width: 100%;
    display: inline-block;
}
.about_01 p.img_right {
    width: 100%;
    float: none;
}
.lop_big {
    width: 100%;
    margin: 3% auto;
    line-height: 30px;
}
div#textBoxR {
    font-size: 1.4em;
    line-height: 30px;
}
div#imgBoxL img {
    max-width: 80%;
}
.contact_big {
    width: 100%;
}
section#_Form_Section_8 {
    width: 100%;
    margin: 0 auto;
}
.sui_sosol {
    width: 100%;
    margin: 0 auto;
}
.contact_big .contact_left{
        height: auto;
}
.contact_big .contact_left {
    width: 100%;
    padding-top: 50px;
}
.contact_big .right {
    width: 100%;
}
}



/* =====================   【手機版】  螢幕尺寸大於481時頁面顯示效果 ==================== */
@media (min-width: 481px){
    /* 表單模組 外層樣式 */
    .module-form .formBS { 
        border-color: transparent;
        border-style: solid;
        border-width: 0px 0 0 1px;
    }
    /* 表單模組 欄位間距 */
    .module-form .formBS .form-group {
        border-color: transparent;
        border-style: solid;
        border-width: 0 1px 1px 0;
    }
    /* 表單模組 欄位與輸入內容間距 */
    .module-form .formBS .form-group [class*="col-"] {
        border-left: 0px solid transparent;
        padding-right: 1em;
        padding-left: 1em;
    }
    /* 表單模組 欄位與輸入內容間距   first-child > 第一筆 */
    .module-form .formBS .form-group [class*="col-"]:first-child {
        border-left: none;
        border-right: 0px solid transparent;
        margin-right: -1px;
    }

    /* 頁底 語言欄--->【移除語言欄】*/
    .langbar {  display: none!important;}  
     
    /* 返回pc--->【移除返回pc鍵】 */
    div.go-pcurl {display: none!important;  }
    
    /* 登入彈窗 */
    .mpopdiv .module-login {
        min-width: 350px;
        padding-left: 2em;
        padding-right: 2em;
    }
    /* 陳列樣式 */
    .listImg .d-txt > h5, .v-itd .d-txt > h5 { padding: 5px;}
}

/* =====================   【手機版】  螢幕尺寸小於480時頁面顯示效果 ==================== */
@media (min-width: 1366px){
	.about_01 .info_01 figure:nth-child(2){
		float: right;
	}
}
@media (max-width: 1200px) {
	.toptitle {	width:100%;padding: 0 15px;	padding-top: 10px;}
	.link_s { width:100%;}
	.in_box { width:100%;}
	.design { width:100%;}
}
@media (max-width: 480px) {
.navbar-toggle {
    /*top: 80px;*/
    right: 0px;
}
label.control-label{
    margin-bottom: 5px; 
}
.top_u {
    width: 100%;
}
.icon_all {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0%;
}
.in_box li {
    text-align: left;
    width: 100%;
    margin: 5px 0;
}
li.gogo {
    text-align: left!important;
}
.in_box li:last-child {
    text-align: left;
}
div#btnBox a {
    display: block;
    margin: 10px 0;
}
.so_come {
    width: 100%;
}
.so_come_1 {
    width: 100%;
}
.tableview {
    width: 100%;
    margin: 20px auto 20px;
}
.tableview th, .tableview td {
    font-size: 12px;
}
.img-list-2 {
    width: 100%;
}
table.tableview-2 {
    width: 100%;
    font-size: 12px;
}
.hosome_big {
    width: 100%;
}
.hosome {
    font-size: 0.9em;
    width: 103px;
    color: #333;
}
.hosome_big>* {
    display: inline-block;
    padding: 0px;
}
.s_img_2 {
    margin-top: 0%;
    width: 100%;
}
.nav3_07 .col-xs-12.col-sm-2.right_content{
    text-align: center;   
}
.nav3_07 .col-xs-12.col-sm-2.right_content img{
    width: 50%;
}
.nav3_07 .s_img {
    width: 100%;
}
.nav3_06 .right_content {
    text-align: left;
}

.about_01 figure{
    display:block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
}
.about_01 .info_01{
    padding: 0 0; 
}
.about_01 .info_01 figure:nth-child(2) img{
    height: auto !important;
    }
.title_on h1 {
    font-size: 3vh;
}


}
@media (max-width: 768px) {
	.lop_big div#imgBoxL{ width:180px;}
	.lop_big div#textBoxR{ width:auto;}
}
@media (max-width: 767px){
	.navbar-nav > li > ul{ position:relative; width:100%; top:0; left:0;margin-left: 0;}
	.mnavbar .navbar-nav > li > .nLink{ background:#007fe2;z-index: 888;}
	.navbar-nav > li:hover ul{    display: none;}
	.navbar-nav > li.active ul{ display:block;top: 15px;padding: 15px 0 ;}
	.navbar-nav > li.active ul a{ border:none;}
	.mnavbar .navbar-nav > li.active .nLink{ background:#002c4f;}
}
@media (max-width: 480px) {
	.wrap > .minner{ padding:0;}
	#Dyn_head{ z-index:88; position:fixed; width:100%; left:0; top:0; background:#fff; border-bottom:1px solid #CCC;}
	.main{ margin-top:99px;}
	.mnavbar{ margin-top:10px;}
	.about_01 figure img{ width:100%;}
	.lop_big div#imgBoxL{ width:155px;}
	.lop_big div#imgBoxL img { height: 180px !important;}
	.lop_big div#textBoxR{ font-size:1.1em; line-height:1.5; height:180px;}
	div#imgBox4 img{ width:100%;}
	.lop_big .info { font-size: 14px;  line-height: 1.8;}
	.top_u:nth-child(1){/* padding-left:15px;*/ text-align:left;}
	.top_u:nth-child(1) img{ height:60px;}
	.top_u:nth-child(2){font-size: 10px;/*padding-left:15px;*/}
	.top_u:nth-child(3){ display:none;}
	.qa_icon{ text-align:center; width:100%; margin-bottom:15px;}
	.inner_content{ margin-top:30px;}
	.inner_content .col-xs-12.col-sm-8{ padding-left:15px !important; padding-right:15px !important;font-size: 14px;  line-height: 1.8;}
	.inner_content .col-xs-12.col-sm-6{padding-left:15px !important; padding-right:15px !important;font-size: 14px;  line-height: 1.8;}
	.inner_content .col-xs-12.col-sm-6 .title_on{ margin:0;}
	.inner_content .info{font-size: 14px;  line-height: 1.8; padding-left:15px; padding-right:15px;}
	.inner_content .img{ padding-left:15px; padding-right:15px;}
	.about_big .info{ width:100% !important;font-size: 14px;  line-height: 1.8; padding-left:15px; padding-right:15px;}
	.about_big .img{ width:100% !important; padding-left:15px; padding-right:15px;}
	ul.img-list-2{ margin-left:15px; margin-right:15px;width: calc(100% - 30px);}
	ul.img-list-2 li{ width:calc(100% /3); margin-right:0; margin-bottom:20px; text-align:center;}
	
	.title_on{ margin:0 15px; margin-bottom:15px;}	
	.page_mobilehome .icon_big{ padding:0 15px;}
	.page_mobilehome .down{ padding:0 15px;}
	.expert_list{ padding:0 15px;}
	.contact_big{ padding:0 15px;}
	.about_big{ margin:30px 0;}
	.about_banner{ width:100%!important; padding:0 15px; margin-top:15px;}
	.about_banner.news{ margin-top:0;}
	.about_banner.news div img{ width:100% !important; height:auto !important;}
	.about_01{ width:100%!important; padding:0 15px; font-size: 14px;  line-height: 1.8;}
	
	.about_big .col-xs-12.col-sm-4{width:100%!important;  padding-left:15px !important; padding-right:15px !important;font-size: 14px;  line-height: 1.8;}
	
	.ho_yaui{ padding:0 15px;}
	.ho_yaui img{ margin:0;}
	.yhio{ width:100%;  padding:0 15px;}
	ul.nav3_01.ul_had_sub_menu{padding: 0px;  border-radius: 0px; /*list-style:none;*/ }
	ul.nav3_01.ul_had_sub_menu li{ text-align:center;}
	ul.nav3_01.ul_had_sub_menu .sub_title{ /*display:none;*/margin-top:10px; margin-bottom:5px;}
	ul.nav3_01.ul_had_sub_menu .sub_menu{ margin-left:0px;    border-top: 1px solid #fff;}
	ul.nav3_01.ul_had_sub_menu .sub_menu div{ display:block; border-bottom:1px solid #fff; position:relative;  text-align:center; font-size:14px;}
	ul.nav3_01.ul_had_sub_menu .sub_menu a{ text-decoration:none;padding-bottom:20px;}
	ul.nav3_01.ul_had_sub_menu .sub_menu a:after{ content:''; background:url(/ezfiles/9/1009/img/34/icon_arrow_down_white.png) center no-repeat; background-size:contain; width:20px; height:20px; position:absolute; left:calc(50% - 10px); bottom:5px;}
	
	.nav3_08 ol{ margin:0 15px;    width: calc(100% - 30px);font-size: 14px;  line-height: 1.8; }
	.nav3_07 .col-xs-12.col-sm-2.right_content img{ width:80%;}
	#qaContent ul.accordionPart{    margin: 15px; font-size: 14px;  line-height: 1.8;}
	#qaContent ul.accordionPart li .qa_title{ background:none; text-decoration:none;}
	
	.tableview{ }
	tableview-2{ }
	.table_scroller{ overflow-x:auto; margin:0 15px;}
	.table_scroller table{ width:640px !important;    max-width:640px !important;}
	.table_scroller .remind{ display:block;}
	.title_on h2 { font-size: 1.2em; line-height: 1.5;}
	.so_come{ padding:0 15px; font-size: 14px;  line-height: 1.8;}
	.footer_down{ padding-top:10px; border-top:none; border-top:1px solid #CCC;}
	.footer_down .link_s ul{ display:flex;}
	.footer_down .link_s ul>li{ width:50%; text-align:center;display: flex; align-items: center;}
	.footer_down .link_s ul>li img{ width:80%;}
	.footer_down .in_box{ background:#1f1f1f; color:#fff; padding-top:15px; padding-bottom:15px; margin:10px 0 0 0;}
	.footer_down .in_box ul li{ width:100%; text-align:center;}
	.footer_down .in_box ul li.gogo{ text-align:center !important;}
	.footer_down .in_box a{ color:#fff;}
	
}
@media (max-width: 415px) {
	.navbar-toggle {
		/*top: 70px;*/
	}
}